<template>
	<view>
		<pagetopVue :tit="$t('Slots.tit')"></pagetopVue>
		<view class="slbox">
			<view class="inpbox bj_left">
				<image src="/static/f.png" class="inpico" mode="widthFix"></image>
				<input type="text" value="" :placeholder="$t('Slots.fn')" maxlength="50"/>
			</view>
		</view>
	</view>
</template>

<script setup>
	import pagetopVue from '../common/pagetop.vue';
</script>

<style scoped lang="scss">
	.slbox {
		padding: 30rpx 20rpx;
		height: calc(100vh - 88rpx);

		.inpbox {
			height: 72rpx;
			border-radius: 12rpx;
			background: #EFEFEF;
			border: 2rpx solid #52091A;
			padding: 0 24rpx;
			margin-bottom: 30rpx;

			.inpico {
				width: 24rpx;
				margin-right: 10rpx;
			}

			input {
				color: #6C3642;
				font-size: 24rpx;
				width: 80%;
			}
		}

	}
</style>